<template>
	<div class="entry_container">
		<k-header headTitle="登录" goBack="true"></k-header>
		<div>
			<div class="entry_content">
				<input class="entry-phone" placeholder="请输入手机号码" value="">
				<div class="entry_yanzheng">
					<input type="password"  class="entry-pass _input" placeholder="请输入密码" value="">
					<button :disabled="dis" @click="kedian" class="kedian">{{data}}</button>
				</div>
				<div class="entry_prsee">登录</div>
				<router-link class="entryIden" to="entrypass">密码登录</router-link>
				<router-link class="sign" to="sign">没有账户？去注册</router-link>
			</div>
		</div>	
	</div>
</template>

<script>
	import kHeader from '../common/head'
	export default {
        data () {
            return {
            	dis : false,
            	data: '发送验证码',
            	time: 60
            }
        },
        components: {
        	kHeader
        },
        methods: {
        	kedian : function(){
        		this.dis=true;
        		var that = this;
        		var iTime = setInterval(function(){
        			that.time--;
        			that.data = that.time + 's';
        			if(that.time ==0){
        				that.data = '发送验证码';
        				that.time = 60;
        				that.dis = false;
        				clearInterval(iTime);
        			}
        		},1000)
        	}
        }
    }
</script>

<style>
	.entry_yanzheng{
		position: relative;
	}
	.entry_container{
     	padding-top: 45px;
    }
    .entry_content{
    	padding: 0 8%;
    	position: relative;
    }
</style>